<template>
  <div class="bottom-content">
    <router-link to="/">
      <div class="iconfont bottom-buy">&#xe63b;</div>
    </router-link>
      <div class="bottom-characters">
         <span>未选购商品</span> 
         <span class="bottom-money">￥12元起送</span>  
      </div>
  </div>
</template>

<script>
export default {
  name: "DetailBottom"
};
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'

.bottom-content {
  display :flex
  position: fixed
  left :0
  right :0
  bottom :0
  overflow: hidden
  width :100%
  height: $headerHeight
  line-height: $headerHeight
  background: rgba(61, 61, 63, 0.9)
}
  .bottom-buy {
    position: absolute
    top: 0rem
    left: 0.4rem
    width: 0.64rem
    text-align: center
    font-size: 0.8rem
    color: #333
  }
  .bottom-characters{
      display :flex
      color: #999
      font-size: 0.28rem
      margin-left :1.8rem
      padding-top :.1rem
  }
  .bottom-money{
      color :#fff
      font-weight :bold
      font-size :.34rem
      margin-left :2.5rem
  }
</style>
